<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Examples</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link href="../tools/bootstrap/css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/index.css">
	<link rel="stylesheet" href="../css/preferential.css">
		<link rel="stylesheet" href="../tools/font-awesome/css/font-awesome.css">


	<script src="../scripts/jquery.js"></script>
	<script src="../tools/bootstrap/js/bootstrap.min.js"></script>
	<script src="../scripts/projectJs/index.js"></script>
	<script src="../scripts/projectJs/preferential.js"></script>
	


</head>
<body>
	<div class="ky-navbar ky-navbar-default">
		<div class="ky-navbar-header">
			<img src="../images/logo.png" alt="">
			<p>新辣道后台管理平台</p>
		</div>
		<div class="ky-navbar-menu">
			<ul class="ky-nav ky-nav-pills">
				<li>
					<a href="#" class="ky-menu-primary  ky-menu-focus">门店管理</a>
				</li>
				<li>
					<a href="#" class="ky-menu-info">菜品管理</a>
				</li>
				<li class="ky-dropdown">
					<a href="#" class="ky-menu-warning">餐台管理</a>
					<ul class="ky-dropdown-menu ky-nav ky-nav-pills">
						<li><a href="#" class="ky-menu-warning">区域管理</a></li>
						<li><a href="#" class="ky-menu-warning">菜品管理</a></li>
					</ul>
				</li>
				<li>
					<a href="#" class="ky-menu-danger">打印管理</a>
				</li>
				<li>
					<a href="#" class="ky-menu-minor">优惠管理</a>
				</li>
				<li>
					<a href="#" class="ky-menu-success">报表分析</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="ky-container ">
		<div class="ky-title">
			<p>优惠管理</p>
			<div class="ky-title-right">
				<form class="navbar-form navbar-left" role="search">
					<div class="form-group">		
						<div class="input-group">
						  <span class="input-group-addon" id="basic-addon1"><i class="icon-search"></i></span>
						  <input type="text" class="form-control" placeholder="搜索" aria-describedby="basic-addon1">
						</div>
					</div>
				</form>
				<img src="../images/user.png" alt="">
				<span class="ky-user">李明</span>
				<img src="../images/logout.png"></div>


		</div>
		<div class="ky-content ">
			<p class="preferential-class">
				<img src="../images/preferential-type5.png"/>
				<span class="preferential-name groupBuying-name">团购券</span>
				<span class="preferential-desc">为顾客提供团购服务</span>
			<p>
			<div class="ky-panel">
				<div class="ky-panel-title">
					券面设置
					
				</div>
				<div class="ky-panel-content ">
					
					<div class="form-group">
						<label class="control-label col-xs-2">活动名称：</label>
						<div class="col-xs-4">
							<input type="text" class="form-control" placeholder="最多15个字"/>
							
						</div>
						<label class="control-label col-xs-2">卡券颜色：</label>
						<div class="col-xs-2">
							<div class="input-group" id="color-select">
								  <input type="text" class="form-control" readonly="readonly" id="color-input" aria-describedby="basic-addon1" >
								   <span class="input-group-addon arrow-down" ><i class="icon-chevron-down"></i></span>
							
							</div>	
							 <div class="color-select-box hidden">
						   		<div class="row">
						   			<div class="col-xs-4">
						   				<span id="color1"></span>
						   			</div>
						   			<div class="col-xs-4">
						   				<span id="color2"></span>
						   			</div>
						   			<div class="col-xs-4">
						   				<span id="color3"></span>
						   			</div>
						   		</div>
						   		 <div class="row">
						   			<div class="col-xs-4">
						   				<span id="color4"></span>
						   			</div>
						   			<div class="col-xs-4">
						   				<span id="color5"></span>
						   			</div>
						   			<div class="col-xs-4">
						   				<span id="color6"></span>
						   			</div>
						   		</div>
						   		<div class="row">
						   			<div class="col-xs-4">
						   				<span id="color7"></span>
						   			</div>
						   			<div class="col-xs-4">
						   				<span id="color8"></span>
						   			</div>
						   			<div class="col-xs-4">
						   				<span id="color9"></span>
						   			</div>
						   		</div>
							   	
							</div> 
		
		
						</div>	
						<div class="col-xs-2  couponColor-remark"><span>卡券颜色将显示在收银端，便于结算时选择优惠</span></div>
			
						
					</div>
			
			
				</div>
			</div>
			<div class="ky-panel">
				<div class="ky-panel-title">
					活动内容设置  <span class="ky-panel-titleS">|</span>	团购类型：
					<label class="radio-inline groupBuying-radio-style">
						<input type="radio" name="groupType" value="1" checked>抵用券
					</label>
					<label class="radio-inline groupBuying-radio-style">
						<input type="radio" name="groupType" value="2">套餐券

					</label>
					
				</div>
				<div class="ky-panel-content ">
					<div class="form-group" id="type1">
						<label class="control-label col-xs-2">记账金额：</label>
						<div class="col-xs-4">
							<div class="input-group  unit-style">
								  <input type="text" class="form-control" aria-describedby="basic-addon1">
								   <span class="input-group-addon" id="basic-addon1">| 元</span>

							</div>								
						</div>
						<label class="control-label col-xs-2">抵用金额：</label>
						<div class="col-xs-4">
							<div class="input-group  unit-style">
								  <input type="text" class="form-control" aria-describedby="basic-addon1">
								   <span class="input-group-addon" id="basic-addon1">| 元</span>

							</div>								
						</div>		
				
					</div>
					<div class="form-group hidden" id="type2">
						<label class="control-label col-xs-2">套餐内容：</label>
						<div class="col-xs-6">
							<input type="text" class="form-control">

						</div>			
				
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">有效期：</label>
						<div class="col-xs-2">
							<div class="input-group">
								  <input type="text" class="form-control" aria-describedby="basic-addon1">
								   <span class="input-group-addon arrow-down" id="basic-addon1"><i class="icon-chevron-down"></i></span>

							</div>								
						</div>
						<div class="col-xs-2">
							<div class="input-group">
								  <input type="text" class="form-control" aria-describedby="basic-addon1">
								   <span class="input-group-addon arrow-down" id="basic-addon1"><i class="icon-chevron-down"></i></span>

							</div>								
						</div>
						<label class="control-label col-xs-2">适用门店：</label>
						<div class="col-xs-3  store-radio-style">
							<label class="radio-inline ">
								<input type="radio" name="storeRadio" value="1">所有门店
							</label>
							<label class="radio-inline">
								<input type="radio" name="storeRadio" value="0">指定门店

							</label>
				
						</div>	
						<div class="col-xs-1  store-select hidden">
							<div class="input-group" id="store-select">
								  <input type="text" class="form-control" readonly="readonly" id="store-select-input" aria-describedby="basic-addon1">
								   <span class="input-group-addon arrow-down"><i class="icon-chevron-down"></i></span>

							</div>
						</div>
					</div>
			
						
		
			
				</div>
			</div>
			<div class="ky-panel">
				<div class="ky-panel-title">
					活动介绍					
				</div>
				<div class="ky-panel-content  no-margin">
					<textarea class="form-control"></textarea>
		
			
				</div>
			</div>
			<div class="ky-panel">
				<div class="ky-panel-title">
					使用须知					
				</div>
				<div class="ky-panel-content  no-margin ">
					<textarea class="form-control"></textarea>
		
			
			
				</div>
			</div>
			<div class="btn-operate">
				<button class="btn btn-cancel in-btn135">取消</button>
				<div  class="btn-division"></div>
				<button class="btn btn-save in-btn135 preferential-btn-bgcolor">确认</button>
			</div>


	
		</div>

	</div>
		<!--点击按钮弹出添加界面 -->
		<div class="modal fade storeSelect-dialog in " id="store-select-dialog">
			<div class="modal-dialog">
				<div class="modal-content">	
					<div class="modal-body">
						<div class="row store-select-title">
							<div class="col-xs-9">选择门店（已选<font id="store-count">0</font>家店）</div>
							<div class="col-xs-3 pull-right">
								<label class="radio-inline">
									<input type="radio" value="1" name="store">全选
								</label>
								<label class="radio-inline">
									<input type="radio" value="0" name="store">全不选
								</label>
							</div>
						</div>
						<hr>
						<table class="table store-select-content">
							<tr>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>


							</tr>
							<tr>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>


							</tr>
							<tr>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>
								<td><input type="checkbox"><span>北京新辣道新会点新会店新会店</span></td>


							</tr>
				
				
						</table>
						<div class="btn-operate">
							<button class="btn btn-cancel in-btn135">取消</button>
							<div  class="btn-division"></div>
							<button class="btn btn-save in-btn135 preferential-btn-bgcolor" id="store-select-confirm">确认</button>
						</div>

				
						
					</div>
			

				</div>
				
			</div>
		</div>
</body>
</html>
